<template>
  <div>
    <!-- 右边最上面的容器 -->
    <router-link to="/login">
      <div class="rightwrap-top">
        <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
        <div>用户登录</div>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.middlewrap .rightwrap {
  overflow: hidden;
  width: 250px;
  height: 1400px;
  float: right;
  overflow: hidden;
  border-left: 1px solid #ccc;
}

/* 右边最上面容器 */
.rightwrap .rightwrap-top {
  background-image: linear-gradient(#fff, #dbd9d9);
  height: 126px;
  box-shadow: 0 1px 0 #999999;
}

.rightwrap .rightwrap-top p {
  margin: 0 auto;
  text-align: center;
  width: 205px;
  line-height: 22px;
  padding: 16px 5px;
  color: #666;
  font-size: 12px;
}

.rightwrap .rightwrap-top div {
  cursor: pointer;
  width: 100px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  background-image: linear-gradient(#f71f1f, #ac0701);
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 1px 0 #8a060b;
  border-radius: 5px;
}
</style>
